@import "./var/dark.scss";
@import "./var/light.scss";

page,
[data-maoui-theme-mode='light'] {
  @each $name, $color in $light {
    #{$name}: #{$color};
  }
}

[data-maoui-theme-mode='dark'] {
  @each $name, $color in $dark {
    #{$name}: #{$color};
  }
}

@function --maoui--color($color-name) {
  @return var(#{$color-name});
}